<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="../js/jquery.min.js" type="text/javascript">
			
		</script>
		<title>禁止点击</title>
	</head>
	<body>
		<h3>禁止点击</h3> 
		<button id="wpay" type="button">微信支付</button>
		<button id="zpay" type="button" disabled="disabled">支付宝支付</button>
		<h3>点击按钮后，被禁止，无法再次点击</h3>
		<button id="wpay1" type="button" >微信支付1</button>
		<button id="zpay1" type="button" >支付宝支付1</button>
	</body>
	<script type="text/javascript">
		$("#wpay1").click(function(){
			/* 
			 设置按钮属性--attribute/attr("属性名",属性值 )
			 注：属性若是引入已完成的包则注意属性值对的规范
			 因为在jQuery中，disabled是boolean，所以true禁止，false不禁止
			 */
			$("#wpay1").attr("disabled",true);
			
			//改变文字，this代表当前对象按钮，jQuery语法特殊写为：$(this)
			//$("#wpay").text(this.text()+",已支付，请稍后");
		    $("#wpay1").text($(this).text()+"已支付");
			
			$("#zpay1").attribute("disabled",true);
		})
	</script>
</html>
